<template>
  <div>
    <!-- 
      计算属性
      语法：
      computed: {
        "计算属性名"(){
          return "值"
        }
      }
      当计算属性的依赖项发生改变的时候，计算属性的结果也会重新计算并渲染

      计算属性的定义和使用口诀：
        定义时是一个函数，使用时一个变量
      
      注意：data函数中声明的变量不能和计算属性名重名
     -->
    <h1>{{ num }}</h1>
  </div>
</template>

<script>
export default {
  data(){
    return {
      a: 2,
      b: 3,
      // num: 1213
    }
  },
  computed: {
    num(){
      // a和b都是计算属性的依赖项
      return this.a + this.b
    }
  }
}
</script>

<style>

</style>